<template>
  <view v-if="imgUrl()" class="storeDetail1" :style="{backgroundImage: 'url('+ imgUrl() + 'model1-bg.png'+')'}">
    <view class="search_top_back" style="height: 88rpx;">
    <view class="search_top_nav">
    	<view :style="{ height: statusBarHeight }" class="status_bar"></view>
    	<view class="search_nav_content">
    		<view @click="back" style="width: 76rpx;height: 88rpx;">
    			<image style="margin-left: 28rpx;height: 36rpx;width: 20rpx;margin-top: 26rpx;" src="https://smosun-minapp.oss-cn-shanghai.aliyuncs.com/weapp/img/back.png"></image>
    		</view>
    		<label class="search_title">模块2</label>
    	</view>
    </view>
    </view>
    <!-- #ifndef MP-WEIXIN -->
    <view style="height: 88rpx;"></view>
    <!-- #endif -->
    <!-- #ifdef MP-WEIXIN -->
    <view style="height: 88rpx;"></view>
    <!-- #endif -->
    <view class="stort_content">
    <view class="story-user" style="position: relative;">
      <view class="story_user"><image src="https://smosun-minapp.oss-cn-shanghai.aliyuncs.com/weapp/img/home/search3.png" mode=""></image>用户昵称</view>
      <view class="story_share"><image src="https://smosun-minapp.oss-cn-shanghai.aliyuncs.com/weapp/img/homemenu/share.png" mode=""></image></view>
	  <button class="wxBtn" open-type="share"></button>
    </view>
    <view class="story-title">
      <view>今天是我在倾小瘦的第 <text>100</text> 天</view>
      <view>下面就一起看看我的故事吧～</view>
    </view>
    <view class="story-ad"><image :src="imgUrl() + 'ad11.png'" mode=""></image></view>
   <view class="story_img1">
       <view class="story-img-item">
       <image v-if="imgUrl()" :src="imgUrl() + 'store1.png'" mode=""></image>
        <view class="story-before"><image src="https://smosun-minapp.oss-cn-shanghai.aliyuncs.com/weapp/img/home/before1.png" mode=""></image></view>
        </view>
       <view class="story-img-item">
         <image v-if="imgUrl()" :src="imgUrl() + 'store1.png'" mode=""></image>
          <view  class="story-before"><image src="https://smosun-minapp.oss-cn-shanghai.aliyuncs.com/weapp/img/home/after1.png" mode=""></image></view>
         </view>
     </view>



      <view class="curve">
        <home-arc afterWeight="62" beforeWeight="65"></home-arc>
      </view>
    <view  v-if="imgUrl()" class="story-heart1" :style="{backgroundImage: 'url('+ imgUrl() + 'model-heater.png'+')'}">
      <view class="heart-top"> </view>
     <view class="heart-content1">我的减肥心得内容详情我的减肥心得内容详情我的减肥心得内容详情我的减肥心得内容详情我的减肥心得内容详情我的减肥心得内容详情我的减肥心得内容详情我的减肥心得内容详情我的减肥心得内容详情我的减肥心得内容详情我的减肥心得内容详情我的减肥心得内容详情我的减肥心得内容详情</view>
    </view>
    <view class="heart-dialogue" style="margin: 54rpx auto;">
      <view class="heart-dialogue-user"><image src="https://smosun-minapp.oss-cn-shanghai.aliyuncs.com/weapp/img/home/search3.png" mode=""></image> <text>用户昵称</text></view>
      <view class="heart-dialogue-content1">我是第12位分享自己故事的倾小瘦用户，希望我的经验分享可以帮助到更多的倾小瘦小伙伴</view>
    </view>




    </view>
  </view>

</template>

<script>
  var statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 'px'
  export default {
    data(){
      return{
        statusBarHeight: statusBarHeight,
      }
    },
    methods:{
      back(){ uni.navigateBack()},
	  imgUrl() {
		  return this.request.appImageBaseUrl
	  }
    }
  }
</script>

<style lang="scss" scoped>
  body{height: 100%;}
  uni-page-body,html{height: 100%;}
  .wxBtn {
  	background-color: transparent;
  	width: 100%;
  	height: 100%;
  	flex: 1;
  	top: 0;
  	left: 0;
  	position: absolute;
  	z-index: 200;
  }
  button::after {
  	border: none;
  }
</style>
